<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    *{
            margin: 0;
            padding: 0;
        }
        /* 最大盒子 */
        .box{
            width: 800px;
            height: 1180px;
            border: 1px solid;
            margin: auto;
        }
        /* 首页导航 */
        ul{
            
            width:800px;
            height: 50px;
            /* border: 1px  solid rgb(8, 8, 8); */
            
            display: flex;
            justify-content: center;
            list-style: none;
            /* 去除小黑点 */   
        }
        /* 导航图 */
        li,img{
            margin: 10px;
        }
        /* 中间小字 */
        .box1{
            text-align: center;
            font-weight: 900;
        }
        .boxa{
            text-align: center;
            font-size: 8px;
        }
        .boxb{
            width: 100px;
            height: 1px;
            background-color: black;
        }
        .d{
            position: relative;
            left: 250px;
            top: -22px;
        }
        .c{
            position: relative;
            left: 450px;
            top: -22px;
        }
        .boxd{
            width: 800px;
	        height:18px;
            margin-top: 10px;
	        /* background-color: antiquewhite; */
	        font-size: 11px;
	        text-align: center;
        }
        /* 登录信息 */
        span{
            color: rgb(235, 6, 6);
        }
        .form{
            width: 800px;
            height: 500px;
            font-size: 10px;
            font-weight: bold;
            /* background-color: aqua; */
            display: flex;
            flex-direction: column;
            /* align-items: center; */     
        }
        .forma{
            margin:15px 0 0 100px;
        }
        .formb{
            width: 117px;
            font-size: 12px;
        }
        .si{
            font-size: 1px;
            position: relative;
            top: -13px;
            left: 70px;

        }
        .formbb{
            width: 50px;
        }
        .formd{
            position: relative;
            left: 147px;
            top: -18px;
        }
        /* 注册 */
        .zhuce{
            width: 800px;
            height: 28px;
            /* background-color: bisque; */
            display: flex;
            justify-content: center;
        }
        .forme{
            width: 60px;
            height: 25px;
            font-weight: bold;
            font-size: 16px;
            background-color: rgb(45, 106, 219);
            color: aliceblue;
            text-align: center;
        }
        .xian{
        width: 800px;
        height: 2px;
        background-color: rgb(81, 81, 207);
        position: relative;
        top: 12px;
    }
        /* 底部导航栏 */
    .dao{
           width: 800px;
           height: 150px;
           /* border: 1px solid black; */
           display: flex;
           justify-content: space-evenly;
           /* margin: 20px; */
           margin-top: 2em;
       }
       .s{
           width: 100px;
           height: 130px;
          /* border: 1px solid black; */
         
          display: flex;
          flex-direction: column;
          justify-content: space-evenly;
       }
       .ps{
           font-size: 20px;
           font-weight: bold;
       }

       /* 底部网址 */
       .zui{
           width: 800px;
           height: 90px;
           background-color: rgb(81, 81, 207);
           display: flex;
           justify-content: center;
       }
       .zi{
           line-height: 90px;         
       }
    </style>
</head>
<body>
<div class="box">
     <!-- 首页导航 -->
    <ul>
        <img src="https://pic.imgdb.cn/item/621214a42ab3f51d91b918aa.png" alt=""height="40px">
        <li>首页</li>
        <li>鼎搜投资</li>
        <li>鼎搜服务</li>
        <li>鼎搜动态</li>
        <li>鼎搜诚聘</li>
        <li>鼎搜服务</li>
        <img src="https://pic.imgdb.cn/item/621214d12ab3f51d91b97de3.png" alt="" height="20px">
    </ul>
    <!-- 导航图 -->
    <img src="https://pic.imgdb.cn/item/621214e92ab3f51d91b9b1f2.png" alt="" width="790px" height="270px" >
    <div class="box1">我要转让</div>
    <div class="boxa">WOYAOZHAUNRANG</div>
    <div class="boxb d"></div>
    <div class="boxb c"></div>

    <div class="boxd">
        (带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)
    </div>
    <!-- 登录信息 -->
    <div class="form">
        <div class="forma">
            公司用户名&nbsp;： 
            <input type="text"> &nbsp;&nbsp;
            <span>*</span> (可以使用中文，但禁止除[@][.]以外的特殊符号)
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;公司名称&nbsp;：&nbsp;
            <input type="text">&nbsp;&nbsp;
            <span>*</span>
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;登录密码&nbsp;:&nbsp;&nbsp;&nbsp;
            <input type="tpassword">&nbsp;&nbsp;
            <span>*</span>
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;确认密码&nbsp;:&nbsp;&nbsp;&nbsp;
            <input type="tpassword">&nbsp;&nbsp;
            <span>*</span>&nbsp;
            <span> ×两次输入密码不一致</span>
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;电子邮件&nbsp;:&nbsp;&nbsp;&nbsp;
            <input type="text">&nbsp;&nbsp;
            <span>*</span> (每个电子邮邮箱只能注册一个帐号)
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;安全问题&nbsp;:&nbsp;&nbsp;&nbsp;
            <input type="text">
        </div>
        <div class="forma">
            &nbsp;&nbsp;&nbsp;问题答案&nbsp;:&nbsp;&nbsp;&nbsp;
            <input class="formb" type="text" value="没安全提示问题">&nbsp;&nbsp;(忘记密码时重设密码用)
        </div>
        <div class="forma">
            性别：<input type="radio" name="male">男
                  <input type="radio" name="male">女
        </div>
        <div class="forma">
            验证码：<input class="formbb" type="text">KL6L&nbsp;&nbsp;看不清？&nbsp;&nbsp;
            <span>点击更换</span>
        </div>
        <div class="forma">会员注册协议:

        </div>
        <div class="forma">
            <textarea class="si" name="" id="" cols="80" rows="7">
1、在本站注册的会员，必须遵守《互联网电子公告服务管理规定》，不得在本站发表诽谤他人，侵犯他人隐私，侵犯他人知识产权，传播病毒，政治言论，商业讯息等信息。
2、在所有在本站发表的文章，本站都具有最终编辑权，并且保留用于印刷或向第三方发表的权利，如果你的资料不齐全，我们将有权不作任何通知使用你在本站发布的作品。
3、在登记过程中，您将选择注册名和密码。注册名的选择应遵守法律法规及社会公德。您必须对您的密码保密，您将对您注册名和密码下发生的所有活动承担责任。
            </textarea>
        </div>
        <div class="formd">
            <img src="https://pic.imgdb.cn/item/621464d42ab3f51d91580604.png" alt=""> 我已阅读并完全接受服务协议
        </div>
        <div class="zhuce">
            <div class="forme">注册</div>
        </div>
    </div> 
    <div class="xian"></div>
    <!-- 底部导航栏 -->
    <div class="dao">      
    <div class="s ">
        <div class="ps">简介</div>
        <div>鼎搜简介</div>
        <div>鼎搜服务</div>
        <div>会员身份实名认证</div>
        
    </div>
    <div class="s">
        <div class="ps">帮助</div>
        <div>用户注册</div>
        <div>关于鼎搜</div>
        <div>在线咨询</div>
    </div>
    <div class="s ">
        <div class="ps">共赢</div>
        <div>网站合作</div>
        <div>用户协议</div>
        <div>会员身份实名认证</div>
    </div>
    <div class="s">
        <div class="ps">导航</div>
        <div>地图首页</div>
        <div>职能分类</div>
        <div>企业名录</div>
    </div>
    <img src="https://pic.imgdb.cn/item/6212164c2ab3f51d91bd31c5.png" alt="">
    </div>
    <!-- 底部网址 -->
    <div class="zui">
    <div class="zi"> Copyright  @2015 鼎搜网(www.dingsoo.com) 版权所有</div>
    </div>      
</div>
</body>
</html>